//定制请求的实例

//导入axios  npm install axios
import axios from 'axios';
//导入token状态
import { useTokenStore } from '@/stores/token.js';
// 引入 ElMessage
import { ElMessage } from 'element-plus';
//定义一个变量,记录公共的前缀  ,  baseURL
// const baseURL = 'http://localhost:8080';
const baseURL = '/api';//统一请求路径的前缀


const instance = axios.create({ baseURL })


//添加请求拦截器
instance.interceptors.request.use(
    (config)=>{
        //请求前--配置
        let tokenStore = useTokenStore()
        //如果token中有值，在携带
        if(tokenStore.token !=""){
            config.headers.Authorization = tokenStore.token
        }
        return config
    },
    error=>{
        //如果请求错误做什么
        Promise.reject(error);
    }
)


//添加响应拦截器
instance.interceptors.response.use(
    result => {
        //响应成功或失败  统一处理
        if (result.data.code === 0) {
            return result.data;
        } else {
            //报错
            ElMessage({
                message:result.data.msg || "服务异常",
                type: "error"
            });
            return Promise.reject(result.data);
        }
    },
    err => {
        //判断状态码是否为401 -- 认定为未登录  --跳转到登录页
        if(err.response.status == 401){
            ElMessage.warning("请先登录");
            router.push("/login");
        }else{
            ElMessage.error('服务异常');
        }

        alert('服务异常');
        return Promise.reject(err);//异步的状态转化成失败的状态
    }
)

export default instance;